<template>
  <div class="logo">
    <img src="../../assets/image/vue.png" alt=""/>
    <span class="title">Vue3+Ts+Vite {{ $t('add.practice') }}</span>
  </div>
</template>
<style lang="scss" scoped>
.logo{
  background-color: #2b2f3a;
  height: 50px;
  border:none;
  line-height: 50px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  color: #fff;
  img{
    width: 25px;
    // height: 230px;
    margin-right: 12px;
  }
  span{
    font-weight: 600;
    line-height: 50px;
    font-size: 15px;
    font-family: Avenir,Helvetica Neue,Arial,Helvetica, sans-serif;
    vertical-align: middle;
  }
}
</style>